﻿@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link href='@Url.Content("~/Content/Styles/MainPage.css")' rel="stylesheet" type="text/css" />
    <link href='@Url.Content("~/Content/Styles/Common.css")' rel="stylesheet" type="text/css" />
    <script src='@Url.Content("~/Scripts/jquery-1.5.1.min.js")' type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            SetPosition(); //调整页面
            window.onresize = function () { SetPosition(); };  //屏幕大小改变时调整页面
        })

        function SetPosition() {
            var screenWidth = getTotalWidth(); //获取浏览器可显示内容的宽度
            var screenHeight = getTotalHeight(); //获取浏览器可显示内容的高度
            var centerHeight = screenHeight - 64 - 54;
            $("#framContent").css("height", centerHeight - 60);
            $("#framContent").css("width", screenWidth - 200 - 17 - 9);
            $("#content_center_left").css("height", centerHeight - 60);
            $("#content_center_right").css("height", centerHeight - 60);
            $("#content_center_center").css("height", centerHeight - 60);
            $("#content_center_center").css("width", screenWidth - 200 - 17 - 9);
            $("#content_bottom_center").css("width", screenWidth - 200 - 17 - 17);
            $("#content_top").css("width", screenWidth - 200);
            $("#iContent").css("width", screenWidth - 200);
            $("#iContent").css("height", centerHeight);
            $("#framMenu").css("height", centerHeight - 10);
            $("#divCenter").css("height", centerHeight);
            $("#divCenter").css("width", screenWidth);
            $("#divTop").css("width", screenWidth);
            $("#divBottom").css("width", screenWidth);

        }

        function getTotalHeight() {//获取浏览器可用于显示页面的高度
            if ($.browser.msie) {//如果浏览器是IE
                //如果是兼容性模式则用document.documentElement.clientHeight试获取
                return document.compatMode == "CSS1Compat" ? document.documentElement.clientHeight :
                         document.body.clientHeight;
            } else {//其它浏览器
                return self.innerHeight;
            }
        }

        function getTotalWidth() {//获取浏览器可用于显示页面的宽度

            if ($.browser.msie) {//如果浏览器是IE
                //如果是兼容性模式则用document.documentElement.clientWidth
                return document.compatMode == "CSS1Compat" ? document.documentElement.clientWidth :
                         document.body.clientWidth;
            } else {//其它浏览器
                return self.innerWidth;
            }
        }

        function Logout() {
            $.post('@Url.Content("/Account/Logout")', function () {
                window.location = '@Url.Content("/Account/Login")';
            });
        }
    </script>
</head>
<body>
    <div id="divTop">
        <div class="logo">
            <img src='@Url.Content("~/Content/Images/Logo.png")' alt="" width="100" height="60" />
        </div>
        <div class="last">
            <input class="btnLogout" type="button" onclick="return confirm('确认注销？'),Logout()" />
        </div>
    </div>
    <div id="divCenter">
        <div class="iMenu">
            <iframe id="framMenu" src="Menu" width="200" scrolling="yes" frameborder="0"></iframe>
        </div>
        <div class="iContent">
            <div id="content_top" class="content_top">
                <div class="contrnt_top_left">
                </div>
                <div class="contrnt_top_right">
                </div>
            </div>
            <div>
                <div id="content_center_left" class="content_center_left">
                </div>
                <div id="content_center_center" class="content_center_center">
                    <iframe name="main" id="framContent" src="" scrolling="yes" frameborder="0">
                    </iframe>
                </div>
                <div id="content_center_right" class="content_center_right">
                </div>
            </div>
            <div class="content_bottom">
                <div class="content_bottom_left">
                </div>
                <div id="content_bottom_center" class="content_bottom_center">
                </div>
                <div class="content_bottom_right">
                </div>
            </div>
        </div>
    </div>
    <div id="divBottom" class="page_bottom">
    </div>
</body>
</html>
